<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="pragma" content="no-cache"> 
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> 
<meta http-equiv="expires" content="0"> 
<title>银行卡</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="stylesheet"
	href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<link rel="stylesheet" href="assets/css/rz.css">
<script type='text/javascript'
	src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript'
	src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
</head>
<body>
	<div class="page-group">
		<div class="page page-current" id="index">
			<header class="bar bar-nav">
				<a href="customer/me" id="back" class="button button-link button-nav pull-left back" external>
					<span class="icon icon-left"></span> 返回
				</a>
				<a href="page/index" class="button button-link button-nav pull-right">
   					 首页
			    	<span class="icon icon-right"></span>
			    </a>
				<h1 class='title'>银行卡</h1>
			</header>
			
			<div class="content">
				<div class="card">
					<div class="card-header"><b>银行卡</b></div>
					<div class="card-content">
						<div id="ensured" class="list-block">
							<ul id="ensureul">
								<!-- Text inputs -->
								<li>
									<div class="item-content">
										<div class="item-media">
											<i class="icon icon-form-gender"></i>
										</div>
										<div class="item-inner">
											<div class="item-title label">银行</div>
											<div class="item-input">
												<select>
													<option>中国工商银行</option>
													<option>中国建设银行</option>
													<option>中国交通银行</option>
													<option>中国光大银行</option>
													<option>中国农业银行</option>
													<option>中国银行</option>
												</select>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-media">
											<i class="icon icon-form-name"></i>
										</div>
										<div class="item-inner">
											<div class="item-title label">卡号</div>
											<div class="item-input">
												<input type="text" placeholder=" Card Number">
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
						<div class="content-block">
							<br>
							<div class="row">
								<div class="col-100">
									<a href="customer/myBankCard" class="button button-big button-fill button-success">保&nbsp;&nbsp;&nbsp;&nbsp;存</a>
								</div>
								<br><br>
							</div>
						</div>
					</div>
					<div class="card-footer"></div>
				</div>
				<%@ include file="/include/footer.jsp"%>
			</div>

		</div>

	</div>

	<script type="text/javascript">
		function account() {
			var share = document.getElementById("share").value;
			if (/^\d+$/.test(share) && share != "" && share != "0") {
				document.getElementById('totalAccount').innerHTML = share * 1000;
			} else {
				alert('购买份数输入不正确！请您重新输入！', '温馨提示');
				document.getElementById('share').value = "1";
				document.getElementById('totalAccount').innerHTML = 1000;
			}
		}
		
	</script>
	<script>
		$("#add").click(function(){
			
		});
		
		$("#back").click(function(){
			window.location.href = "page/index";
		});
	</script>
</body>
</html>